<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue中的条件渲染</title>
    <script src="js/vue.js"></script>
</head>
<body>
    <div id="app">
        <div v-if="show">{{message}}</div>
        <div v-else>{{message2}}</div>
        <div v-show="show">{{message}}</div>
        <div v-if="flag">
            用户名：<input type="text" key="ss">
        </div>
        <div v-else>
            邮箱名：<input type="text" key="aaa">
        </div>
    </div>
    <script>
        var vm = new Vue({
            el: "#app",
            data: {
                message: "显示与隐藏",
                message2: "否则为傻傻",
                show:true,
                flag:true
            }
        })
    </script>
</body>
</html>